/* 
    Document   : product
    Created on : 2008-5-24, 15:39:12
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.Product {
	height:100px;
        margin-top:10px;
}
.Product .ProductImg {
    float:left;
    width:80px;
    height:90px;
}
.Product .ProductImg img{
    margin-left:10px;
    height:90px;
}

.Product .ProductInfo {
	width:250px;
	height:50px;
	z-index:2;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
.Product .ProductOwner {
	width:120px;
	height:50px;
	z-index:2;
	float: left;
}
.Product .ProductName {
	height:25px;
	z-index:3;
	margin-left: 10px;
	margin-right: 10px;
}
.Product .ProductDsc{
	height:25px;
	z-index:3;
	margin-left: 10px;
	margin-right: 10px;
}
.ProductFont{
text-align:center
}
.HackBox{
	clear:both;
	border-top-width: 1px;
	border-top-style: dashed;
}
.TitleProduct{
    height:30px;
}
.TitleProduct .TitleProductImg{
    margin-left:10px;
    width:80px;
	float:left
}
.TitleProduct .TitleInfo {
	width:250px;
	height:30px;
	z-index:2;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}
.TitleProduct .TitleOwner {
	width:120px;
	height:30px;
	z-index:2;
	float: left;
}
#ProductShow {
	position:relative;
	height:400px;
	z-index:1;
        
}
#ProductShowImg {
	position:relative;
	width:100px;
	height:200px;
	z-index:1;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
#ProductShowInfo {
	position:relative;
	width:300px;
	height:200px;
	z-index:2;
	float: left;
	margin-top: 20px;
	margin-left: 5px;
}
#ProductShowDes {
	position:relative;
	width:420px;
	height:115px;
	z-index:3;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
         border:1px #000000 dashed;
}
.item{
    margin-top:10px;
	height:30px;
	text-align:center;
}
.titleText{
	 font-size:19px;
}
.description{
     text-align:left;
}
.common{
    margin: 10px 50px 0px 50px;
    float:left;
    height:auto;
}

.common .top{

}
.common .top .username{
    text-align:left;
    width:100px;
    float:left;
}
.common .top .range{
    text-align:left;
    margin-left:60px;
    float:left;
    width:200px;
}
.common .content{
    text-align:left;  
    float:left;
    margin-top: 10px;
    width:300px;
    height:auto;
    
}


